/* .main {
  height: 100px;
} */

.news-section {
  height: 342px;
  display: flex;
  background: url(../img/news_bg.png) no-repeat;
}

.news-section .banner {
  width: 605px;
  background-color: #000;
  overflow: hidden;
}

.news-section .banner .image-list {

  position: relative;

  display: flex;
  width: 604px;
  height: 298px;

  /* transform: translateX(-604px); */
}

.news-section .banner .image-list .item {
  /* flex-shrink: 0; */
  /* width: 100%; */
  position: absolute;
  left: 100%;
  /* flex-shrink: 0; */
  width: 100%;
}

.news-section .banner .image-list .item:first-child {
  left: 0;
  transition: left 300ms ease;
}

.news-section .banner .image-list .item a {
  /* display: block; */
}

.news-section .banner .image-list .item a img {
  /* width: 100%; */
}

.news-section .banner .title-list {
  display: flex;
  height: 44px;
  line-height: 44px;
}

.news-section .banner .title-list .item{
  flex: 1;
  text-align: center;
}

.news-section .banner .title-list .item a {
  display: block;
  font-size: 14px;
  color: #b1b2be;
}

.banner-title-list-active {
  color: #f3c258 !important;
  background-color: rgba(255,255,255,.15);
}

.news-section .banner .title-list .item.banner-title-list-active a,
.news-section .banner .title-list .item:hover a {
  color: #f3c258;
  background-color: rgba(255,255,255,.15);
}

.news-section .news {
  flex: 1;
  padding: 0 17px;
  overflow: hidden;
}

.news-section .news .title-list {
  display: flex;
  height: 48px;
  border-bottom: 1px solid #000 ;
}

.news-section .news .title-list .item {
  width: 52px;
}

.news-section .news .title-list .item a {
  display: block;
  height: 48px;
  box-sizing: border-box;
  line-height: 48px;
  border-bottom: 3px solid transparent;
  color: #b8b9c5;
  text-align: center;

  transition: border-bottom 150ms linear;
}

.title-list-item-active {
  color: #f3c258 !important;
  border-bottom-color: #f3c258 !important;
}

/* .news-section .news .title-list .item.active a,
.news-section .news .title-list .item:not(.more) a:hover {
  color: #f3c258;
  border-bottom-color: #f3c258;
} */

/* .news-section .news .title-list .item.more a:hover {
  color: #b8b9c5;
  border-bottom-color: transparent;
} */

.news-section .news .notice {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    margin-top: 18px;
    background: #414046;
}

.news-section .news .notice > a {
  display: block;
  color: #f3c258;
  font-size: 18px;
  padding-right: 15px;

  text-overflow:ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.news-section .news .news-list .item {
  display: flex;
  align-items: center;
  margin-bottom: 11px;
}

.news-section .news .news-list .item .desc {
  flex: 1;
  color: #b8b9c5;
  
  white-space: nowrap;
}

.news-section .news .news-list .item .date {
  padding: 0 8px;
  color: #999;
  font-size: 12px;
}

.news-section .download {
  width: 236px;
}

.news-section .download a {
  display: block;
  background: url(../img/main_sprite.webp) no-repeat;
}

.news-section .download a.download-bth {
  height: 128px;
  background-position: 0 -219px;
}

.news-section .download a.guard-bth {
  height: 106px;
  background-position: 0 -350px;
}

.news-section .download a.experience-bth {
  height: 108px;
  background-position: 0 -461px;
}